/*
 * @Author: your name
 * @Date: 2021-08-03 17:06:33
 * @LastEditTime: 2021-08-12 11:55:46
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \hrsaas-86\src\main.js
 */
import Vue from 'vue'

import 'normalize.css/normalize.css' // 初始化css默认样式的文件

import ElementUI from 'element-ui' // pc组件库 饿了么团队
import 'element-ui/lib/theme-chalk/index.css' // 组件库的样式文件
import locale from 'element-ui/lib/locale/lang/en' // element-ui的英文包

import '@/styles/index.scss' // 全局的样式文件

import App from './App'
import store from './store'
import router from './router'

import '@/icons' // svg图标
import '@/permission' // 路由的权限控制文件
import * as allDirectives from '@/directives'
import Mycomponents from '@/components/MyComponents'

/*
按需注册所有指令
import { imgerror, red, yellow } from '@/directives'
Vue.directive('imgerror', imgerror)
Vue.directive('red', red)
Vue.directive('yellow', yellow) */
// ----------------- 批量注册所有指令-----------
// * 表示所有的意思 按需导入所有按需导出的对象
// console.log(allDirectives) // 这个对象中存储了 directives模块导出的三个指令
// for in遍历的方式可以 循环对象
/* for (const k in allDirectives) {
  // k是键  allDirectives[k] 是值
  // console.log(allDirectives[k])
  Vue.directive(k, allDirectives[k])
} */
// console.log(Object.keys(allDirectives)) // ["imgerror", "red", "yellow"]
Object.keys(allDirectives).forEach(k => {
  Vue.directive(k, allDirectives[k])
})
// 设置element-ui英文包
// Vue.use(ElementUI, { locale })2
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI)
Vue.use(Mycomponents)
2
// import request from './utils/request'
// Vue.prototype.request = request // 在Vue的原型对象上挂载了一个属性request, 值就是axios实例
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
